{% extends "layout/base.html" %}
{% block title %} Panier {% endblock %}

{% block content %}
{% include 'layout/header.html' %}
{% include 'layout/infosBox.html' %}
<div id="content" class="{{theme.color3}}">
	<div id="panier">
		<h4>Votre Panier</h4>
		{% if createPanier %}
			{% if session.panier.produits|length < 1 %}
			<p>Votre panier est vide.</p>
			{% else %}
				<table class="table table-hover">
					<thead>
						<tr>
							<th>Prénom</th>
							<th>Nom</th>
							<th>Date</th>
							<th>Durée</th>
							<th>Catégorie</th>
							<th>Prix (€)</th>
							<th>Supprimer</th>
						</tr>
					</thead>
		    		<tbody>
					{% for produit in session.panier.produits %}
						<tr>
						<td>{{produit.firstname}}</td>
						<td>{{produit.lastname}}</td>
						<td>{{produit.dates}}</td>
						<td>{{produit.duration}}</td>
						<td>{{produit.categorie}}</td>
						<td>{{produit.price}}</td>
						<td>
							<form method="post" id="supprimerArticle" action="panier.php" class="form-elem">
		                        <input type="hidden" name="suppAvailability" value="{{produit.id_availability}}" />
		                        <input type="hidden" name="suppDates" value="{{produit.dates}}" />
		                        <input type="submit" name="supprimerArticle" value="" class="btnSuppr" />
	                    	</form>
	                    </td>
						</tr>
					{% endfor %}
					</tbody>
					<tfoot>
						<tr>
							<th> </th>
							<th> </th>
							<th> </th>
							<th> </th>
							<th> </th>
							<th>Total</th>
							<th>{{montantPanier}}</th>
						</tr>
					</tfoot>
				</table>
				<a class="btn btn-primary {{theme.color1}} right" href="./commande.php">Passer la commande</a>
				<div class="clr"></div>
			{% endif %}
		{% endif %}
		<div class="clr"></div>
	</div>
</div>
{% include 'layout/module.html' %}
{% include 'layout/footer.html' %}
{% endblock %}